<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>打开控制台看输出</h1>
    <script>
      // function 函数声明
      function fn() {
        alert("Hello fn 函数被调用了");
      }
      // fn();

      // JS 匿名函数, ArkTS 不支持匿名函数，用箭头函数替代
      const fn2 = function () {
        alert("Hello fn2 函数被调用了");
      };
      // fn2();

      // 箭头函数
      const fn3 = () => {
        alert("Hello fn3 函数被调用了");
      };
      // fn3();

      // JavaScript 的函数参数【不能】写类型，而 ArkTS 的函数参数【必须】指定类型。
      const sayHi = (params) => {
        console.log(params);
      };
      sayHi("Hello"); // 传入字符串，OK
      sayHi([11, 22, 33]); // 传入数组，OK

      // 剩余参数
      const fn4 = (a, b, ...params) => {
        console.log(params);
      };

      fn4(1, 2, 3, 4, 5);
      fn4("a", "b", "c", "d", 1);
    </script>
  </body>
</html>
